<!--
 * @Author: bert
 * @Date: 2024-12-05 16:13:54
 * @LastEditors: bert
 * @LastEditTime: 2025-03-14 09:34:17
 * @FilePath: \imgtovideo-electron-vite-vue\src\components\header\Header.vue
 * @Description: 
 * 
-->
<template>
  <div class="header">
    <!-- <el-button
      size="small"
      circle
      class="circle-btn"
      @click="ipcRenderer.send('openDevTools')"
    >
      <el-icon><Monitor /></el-icon>
    </el-button> -->
    <Logo />
    <div class="win-tools">
      <el-icon @click="ipcRenderer.send('min')"><Minus /></el-icon>
      <el-icon @click="ipcRenderer.send('window-maximize')"
        ><FullScreen
      /></el-icon>
      <el-icon @click="ipcRenderer.send('close')"><Close /> </el-icon>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import Logo from "./Logo.vue";

const { ipcRenderer } = require("electron");
const currShow = ref(0);
</script>

<style scoped>
.header {
  height: 30px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  align-items: center;
}
.win-tools {
  display: flex;
  gap: 16px;
  -webkit-app-region: no-drag;
}
.el-icon {
  cursor: pointer;
}
</style>
